<template>
  	<div class="noData">
	     <img src="" alt="" />
	     <div class="word">{{message}}</div>
    </div>	
</template>

<script>

	export default {
		data() {
			return { 
			   
			}
		},
		props:{
           message:{
           	 type:String,
           	 default:'暂无数据'
           }
		},		
		methods:{

		}
	}
</script>

<style lang="scss" scoped=""> 
.noData{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: 200px;height: 300px;}
.noData img{width: 200px;display: block;}
.word{text-align: center;margin-top: 20px;color: #ccc;font-size: 16px;}
</style>